<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>李海容</title>
		<script src="<%= htmlWebpackPlugin.files.chunks.util.entry %>" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 验证了一下，在没有配置entry跟output情况下，webpack以src/index.js为入口，打包文件为dist/main.js -->
		<div id="app">
				<div class="line"></div>
				<el-menu :default-active="activeIndex"
					class="el-menu-demo"
					mode="horizontal"
					@select="handleSelect"
					background-color="#545c64"
					text-color="#fff"
					active-text-color="#ffd04b">
					<el-menu-item index="1">首页</el-menu-item>
					<el-submenu index="2">
						<template slot="title">我的工作台</template>
						<el-menu-item index="2-1">选项1</el-menu-item>
						<el-menu-item index="2-2">选项2</el-menu-item>
						<el-menu-item index="2-3">选项3</el-menu-item>
						<el-submenu index="2-4">
							<template slot="title">选项4</template>
							<el-menu-item index="2-4-1">选项1</el-menu-item>
							<el-menu-item index="2-4-2">选项2</el-menu-item>
							<el-menu-item index="2-4-3">选项3</el-menu-item>
						</el-submenu>
					</el-submenu>
					<el-menu-item index="3" disabled>菜单3</el-menu-item>
					<el-menu-item index="4">vue系列</el-menu-item>
					<el-submenu index="5">
						<template slot="title">webpack</template>
						<el-menu-item index="5-1"><a href="a.html" target="_blank">页面a</a></el-menu-item>
						<el-menu-item index="5-2"><a href="b.html" target="_blank">页面b</a></el-menu-item>
						<el-menu-item index="5-3"><a href="inline.html" target="_blank">inline.html</a></el-menu-item>
						<el-menu-item index="5-3"><a href="tpl-loader.html" target="_blank">tpl-loader.html</a></el-menu-item>
					</el-submenu>
				</el-menu>
		</div>
		<script src="<%= htmlWebpackPlugin.files.chunks.index.entry %>" type="text/javascript" charset="utf-8"></script>
	</body>
</html>